css "@"麻烦解释下

<!--
xxxxx
-->

是标准的html内嵌注释， 但是不影响css和javascript的解析，所以很多时候 内嵌的css和js都被包括在 <!-- --> 中间

@ 用于声明一个规则导入

有以下几种

1 ,
@import 版本：CSS1/CSS2 兼容性：IE4+
语法：@import url ( url ) sMedia ;
取值：url ( url ) : 使用绝对或相对 url 地址指定导入的外部样式表文件。请参阅 link 对象 sMedia : 未支持。指定设备类型。请参阅 附录：设备类型

说明：指定导入的外部样式表及目标设备类型。此规则无默认值。

2，
@charset 版本：CSS2 兼容性：IE4+
语法：@charset sCharacterSet
取值：sCharacterSet : 字符集名称

说明：在外部样式表文件内使用。指定该样式表使用的字符集。不可以在内部样式表中使用。

3，
@font-face 版本：CSS2 兼容性：IE4+
语法：@font-face { font-family : name ; src : url ( url ) ; sRules }
取值：name : 字体名称。任何可能的 font-family 属性的值
url ( url ) : 使用绝对或相对 url 地址指定OpenType字体文件
sRules : 样式表定义

说明：设置嵌入HTML文档的字体。此规则无默认值。
此规则使你能够在网页上使用客户端本地系统上可能没有的字体。 url 地址必须指向 OpenType 字体文件(.eot或.ote)。

4，
@fontdef 版本：NS4+专有规则 兼容性：NS4+
语法：@fontdef { url ( url ) }
取值：